<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>消费记录</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<script src="js/rem.js"></script>
		<script src="js/zepto.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/account-consumption.css"/>
	</head>
	
	<body>
		<nav>
			<div class="head">
			    <div>
			    	<a>
				    	<b class="hou"></b>
				    </a>
			    </div>
			    <div id="consum">
			    	<a>消费详情</a>
			    </div>
			    <div></div>
			</div>
		</nav>
		<div class="container">		
		<div class="account">
			<div class="account-box">
				<div class="all">
					全部
				</div>
				<p>————————<span>&nbsp;应用 &nbsp;</span>————————</p>
				<div class="game">
					<div class="all tdw">
						天天消消乐
					</div>
					<div class="all tdw">
						天天消消乐
					</div>
					<div class="all tdw">
						天天消消乐
					</div>
				</div>
			</div>
			
		</div>
		</div>
		<header>
			<div class="header-nav">
				<div class="header-nav-time">
					<span>2016年7月15日</span>
					<span>总消费1528条</span>
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/shan.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl">天天消消乐</div>
									<span> 闪注量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span>
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/msg.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl da">大话西游</div>
									<span> 短信量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span class="red">
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/msg.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl">天天消消乐</div>
									<span> 短信量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span class="red">
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/shan.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl wz">王者荣耀</div>
									<span> 闪注量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span>
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
		
			<div class="header-nav">
				<div class="header-nav-time">
					<span>2016年7月14日</span>
					<span></span>
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/msg.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl da">大话西游</div>
									<span> 短信量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span class="red">
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/shan.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl wz">王者荣耀</div>
									<span> 闪注量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span>
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/shan.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl">天天消消乐</div>
									<span> 闪注量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span>
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/msg.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl wz">王者荣耀</div>
									<span> 短信量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span class="red">
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
		
			<div class="header-nav">
				<div class="header-nav-time">
					<span>2016年7月13日</span>
					<span></span>
				</div>
			</div>
			<div class="header-content">
				<div class="content">
					<div class="content-text">
						<div class="content-l">
							<a>
								<img src="img/msg.png"/>
							</a>
							<div class="content-l-t">
								<div class="content-l-t-r">
									<div class="ttxxl">天天消消乐</div>
									<span> 短信量消费</span>
								</div>
								<span>2016/7/16 14:26</span>
							</div>
						</div>
						<div class="content-r">
							<span class="red">
								-1条
							</span>
						</div>
					</div>
		
				</div>
			</div>
		</header>

	</body>
	<script>
		$(function(){
			$(".container").hide();

			var flag=false;
			$("#consum").on("tap",function(){
				flag=!flag;
				show();
				
			})
			function show(){
				if(flag){
					$(".container").show();
					
				}else{
					$(".container").hide();
					
				}
			}
			$(".account").on("tap",function(){
				flag=false;
				show();
			
			})
			
			$(".hou").tap(function(){
				window.location = "../account.html";
			})
			
		})
	</script>	
</html>
